
<extend name="Public/layout"/>
<block name="head">
<script src="__PUBLIC__assets/ckplayer/ckplayer.js"></script>
<script src="__PUBLIC__js/circle.js"></script>
<link rel="stylesheet" href="__PUBLIC__css/circle.css">
<link rel="stylesheet" href="__PUBLIC__css/baishi.css">

</style>
</block>
    
   <block name="main">
   
    <div class="tabs">
      <div class="nav-swiper-container">
          <div class="swiper-wrapper">
              <div class="swiper-slide active platform" >平台</div>
              <div class="swiper-slide investment">排名</div>
              <div class="swiper-slide red-bag-tab" onclick="location.href='{:U('Financial/index')}'">返利</div>
          </div>
      </div>
    </div>

    <div class="container">
      
      <div class="item-one">
        <div class="tody">
        <div class="tody-re">
          <div class="tody-item">
            <h4>今日推荐</h4>
          </div>
          <div class="tody-cp">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <foreach name="hot_list" item="v">
                      
                  <div class="swiper-slide">
                    <a href="/Home/Circle/circle_info/id/{$v.platform_id}">
                      <div class="tody-con">
                        <div class="tody-top">
                          <div class="tody-icon">
                            <img src="{$v.logo}" height="40" width="140">
                          </div>
                          <if condition="$v[cricel_leve][all_grade][colligate] eq 1">
                          <div class="tody-sug">
                          </div>
                          <elseif condition="$v[cricel_leve][all_grade][colligate] eq 2" />
                          <div class="btn-set">
                          </div>
                          <elseif condition="$v[cricel_leve][all_grade][colligate] eq 3" />
                          <div class="btn-pru">
                          </div>
                          <elseif condition="$v[cricel_leve][all_grade][colligate] eq 4" />
                          <div class="btn-no">
                          </div>
                          </if>
                          
                        </div>
                        <div class="tody-bottom">
                          <ul>
                            <li>
                              <div class="tody-part">
                                <h4>{$v.total_count}</h4>
                                <p>热门点评</p>
                              </div>
                              <span></span>
                            </li>
                            <li>
                              <div class="tody-part">
                                <h4>{$v.group_count}</h4>
                                <p>圈子人数</p>
                              </div>
                              <span></span>
                            </li>
                            <li>
                              <div class="tody-part">
                                <h4>{$v.depth_count}</h4>
                                <p>深度测评</p>
                              </div>
                            </li>
                          </ul>
                        </div>
                      </div>
                      </a>
                  </div>
                      
                </foreach>
                 
                  </div>
              </div>
          </div>
          </div>
        </div>
        <div class="hot-circle">
          <div class="hot-pro">
            <div class="hot-title">
              <h4>热门圈子</h4>
            </div>
            <div class="hot-detail">
              <ul>
               

                  <foreach name="list" item="v">
                     <li>
                      <a href="/Home/Circle/circle_info/id/{$v.platform_id}">
                        <div class="hot-con ">
                            <div class="hot-top clearfix">
                              <div class="hot-icon">
                                <img src="{$v.logo}" >
                                <span class="hot-circle">
                                  <p>圈子群聊</p>
                                </span>
                              </div>
                                <if condition="$v[cricel_leve][all_grade][colligate] eq 1">
                               <div class="hot-sug">
                              </div>
                                <elseif condition="$v[cricel_leve][all_grade][colligate] eq 2" />
                                <div class="btn-set"> 
                                </div>
                                <elseif condition="$v[cricel_leve][all_grade][colligate] eq 3" />
                                <div class="btn-pru">
                                </div>
                                <elseif condition="$v[cricel_leve][all_grade][colligate] eq 4" />
                                <div class="btn-no">
                                </div>
                                </if>
                              </div>
                            <div class="hot-bottom">
                              <ul>
                                <li>
                                  <div class="hot-part">
                                    <h4>{$v.total_count}</h4>
                                    <p>热门点评</p>
                                  </div>
                                </li>
                                <li>
                                  <div class="hot-part">
                                    <h4>{$v.group_count}</h4> 
                                    <p>圈子人数</p>
                                  </div>
                                </li>
                                <li class="clearfix">
                                  <div class="hot-part">
                                    <h4>{$v.depth_count}</h4>
                                    <p>深度测评</p>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                      </a>
                      <a href='/Home/person/center/id/{$v.push_user.user.id}' class="hot-part hot-person">
                        <img src="{$v.push_user.user.url_img}">
                        <p>{:msubstr($v[push_user][user][nickname],0,7)}</p> 
                      </a>
                    </li>
                </foreach>


                
              </ul>
            </div>
          </div>
        </div>
      </div>
  
    <!--
      <div class="item-two">
        <div class="invest">
          <a href="{$cricle_push_top.0.url}"><img src="{$cricle_push_top.0.content}"></a>
        </div>
        <div class="invest-adviser">
          <div class="adviser-list">
            <ul>
              <foreach name="push_list" item="v">
                <li>
                  <div class="ad-top">
                    <div class="ad-icon">
                      <img onclick="location.href='/Home/Person/center/id/{$v.user.id}'" src="{$v.user.url_img}">
                    </div>
                    <div class="ad-item">
                      <h4>{:msubstr($v[user][nickname],0,7)}</h4>
                      <img src="__PUBLIC__images/ad-star.png" height="32" width="32">
                      <p>徒弟</p>
                      <span>{$v.fans_count}</span>
                    </div>
                    <if condition="$v.is_fans eq 0">
                      <div class="ad-btn ad-no" <notempty name="Think.session.user.id">  onclick="master('{$v.recommend_id}','{$v.user.nickname}','{$v.user.id}','{$v.user_info}')"<else/>onclick="isnologin()"</notempty> >
                        <p>拜师</p>
                      </div>
                    <else/>
                      <div class="ad-btn active ad-have">
                        <p>已拜师</p>
                      </div>
                  </if>
                  </div>
                  <div class="ad-center">
                    <ul>
                      <li>
                        <div class="ad-sug">
                          <p>网贷投资</p>
                        </div>
                        <span>{$v.info.year|default="-"}年</span>
                      </li>
                      <li>
                        <div class="ad-sug">
                          <p>踩雷次数</p>
                        </div>
                        <span>{$v.info.pit_num|default="-"}雷</span>
                      </li>
                      <li>
                        <div class="ad-sug">
                          <p>投资平台</p>
                        </div>
                        <span>{$v.info.platform_num|default="-"}家</span>
                      </li>
                    </ul>
                  </div>
                  <div class="ad-bottom">
                    <p>
                     <notempty  name="v.platform_id_list" >
                      推荐：
                   
                    <foreach name="v.platform_id_list_arr" item="v">
                    &nbsp;&nbsp;{$v}
                    </foreach>

                    
                  </p>
                  </notempty>
                  </div>  
                </li>
              </foreach>
            
            </ul>
          </div>
        </div>
      </div>
          -->  
    </div>            

<div class="baishitie">
  
</div>
<div class="suc-mon">
  
</div>

</block>
<script src="__PUBLIC__js/index.js"></script>
<block name="js"> 
    <script type="text/javascript">
  $(function(){
    var val = "{$_GET['val']}"
    if(val==1){
    $(".investment").click()
    }
  })
$('.suc-mon').click(function(){
  $('.suc-mon').css('display','none')
})
// 两个模块切换

    $(".platform").click(function() {
      $(".item-one").css("display","block");
      $(".item-two").css("display","none");
      $(".platform").addClass('active');
      $(".investment").removeClass('active');
      $(".red-bag-tab").removeClass('active');
      $('body').css('background','#ffffff');
    });

    $(".investment").click(function() {
      $(".item-one").css("display","none");
	  location.href="/Home/circle/rank_list"
      //$(".item-two").css("display","block");
      $(".investment").addClass('active');
      $(".platform").removeClass('active');
      $(".red-bag-tab").removeClass('active');
      $('body').css('background','#f4f5fa');
    });
    $(".red-bag-tab").click(function() {
      $(".item-one").css("display","none");
      $(".item-two").css("display","block");
      $(".red-bag-tab").addClass('active');
      $(".platform").removeClass('active');
      $(".investment").removeClass('active');
      $('body').css('background','#f4f5fa');
    });


      function isnologin(){
        layer.open({
                    content: '请先登录！'
                    , skin: 'msg'
                    , time: 1
                    , end: function () {
                        location.href = "/Home/User/login?callback=/Home/circle/circle_list/val/1"
                    }
                });
      }


    // 拜师弹窗
/*    $('.ad-no').click(function() {
          $(this).addClass('active');
          $(this).html('已拜师');
          
          layer.open({

          content: '拜师成功，+50金币'
          ,btn: ['查看观点', '再逛逛']
          ,yes: function(index){
            // 查看观点
            layer.close(index);
          },
          no:function(index){
            // 再逛逛
            layer.close(index);
          }
          });
    });*/
    $(function(){
      var mySwiper = new Swiper ('.swiper-container', {
            slidesPerView: 1.2,
            loop: false,
          }) 
    })
   

    $('.ad-have').click(function(event) {
          var _this = this;
         
          layer.open({
            style: 'color:balck;',
          content: '是否解除师徒关系？'
          ,btn: ['是', '否']
          ,yes: function(index){
            $(_this).removeClass('active');
            $(_this).html('拜师');
            layer.close(index);
          },no:function(index){
            $(_this).addClass('active');
            $(_this).html('已拜师');
            layer.close(index);
          }
           });
    });
    </script>
</block>